<template>
    <div>
        <div>
            <el-input
                    size="small"
                    class="addPosInput"
                    placeholder="input the position you want"
                    suffix-icon="el-icon-plus"
                    v-model="pos.name">
            </el-input>
            <el-button size="small"  type="primary">添加</el-button>  
        </div>
        <div class="posManaMain">
            <el-table :data="tableData" style="width: 70%" border stripe size="small">
                <el-table-column prop="id" label="编号" width="55"></el-table-column>
                <el-table-column prop="name" label="职位" width="120"></el-table-column>
                <el-table-column prop="createDate" label="创建时间" width="200"></el-table-column>
                 <el-table-column prop="enabled" label="是否启用" width="120"></el-table-column>
             </el-table>
        </div>
    </div> 
</template>
  
<script>
   export default {
       name: "PosMana",
       data(){
           return {
               pos: {
                   name: ''
               }
           }
       }
  
   }
</script>
  
<style scoped>
.addPosInput {
    width: 300px;
    margin-right: 8px;
}
.posManaMain {
    margin-top: 10px;

}
  
</style>